<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>焊客e家-材料供应详情</title>
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/idangerous.swiper.css">
		<link rel="stylesheet" href="css/common.css">
		<link rel="stylesheet" href="css/zndj_detail.css">
		<link rel="stylesheet" href="css/clgy_detail.css">
		<!--[if lt IE 9]>
	    	<script src="js/html5shiv.min.js"></script>
	    <![endif]-->
	</head>

	<body>
		<div class="header innerHead">
			<div class="top">
				<div class="main ovw">
					<p class="fl login">
						<span>欢迎来到焊客e家，请</span>
						<a href="./login.html">登录</a>
						<i class="line"></i>
						<a href="./register.html">免费注册</a>
					</p>

					<p class="fr help">
						<a href="#">帮助中心</a>
						<i class="line"></i>
						<img src="images/phone_icon.png" alt="">
						<span>400-888-888</span>
					</p>
				</div>
			</div>

			<div class="main nav innerNav">
				<div class="fl logo"><img src="images/zndj1.png" alt=""></div>

				<div class="fr search">
					<a href="hk_issue_1.html">
						<p class="btn">发布需求</p>
					</a>
				</div>
			</div>
		</div>

		<div class="container ovw">
			<div class="main">
				<ul class="navigation_bar">
					<li>所在位置 : </li>
					<li>
						<a href="index.html">首页</a><img src="images/arrow_right.png" alt=""></li>
					<li>
						<a href="hk_zndj.html">智能对接</a><img src="images/arrow_right.png" alt=""></li>
					<li class="current">
						<a href="">材料供应详情</a>
					</li>
				</ul>
				<!-- 左侧内容 -->
				<div class="fl lf_content">
					<div class="commodity_info">
						<div class="top_box">
							<p class="title fl">活性免清洗63/37 60/40焊锡丝 无飞溅 光亮型</p>
							<div class="fr rt_box">

								<div class="fl collect">
									<img src="images/detail_collect.png" alt="">
									<span>收藏</span>
								</div>
							</div>
						</div>
						<!--<p class="time">发布于：12-05 08:00</p>-->
						<div class="comm_box ovw">
							<!-- 商品图片 -->
							<div class="fl comm_img">
								<div class="big_img">
									<img src="images/comm_img.png" alt="">
								</div>
								<div class="swiper-container img_list">
									<div class="swiper-wrapper">
										<div class="swiper-slide">
											<div class="item current_comm">
												<img src="images/clgy1.png" alt="">
												<div class="shade"></div>
											</div>
											<div class="item">
												<img src="images/comm_img2.png" alt="">
												<div class="shade"></div>
											</div>
											<div class="item">
												<img src="images/comm_img1.png" alt="">
												<div class="shade"></div>
											</div>

											<div class="item">
												<img src="images/comm_img2.png" alt="">
												<div class="shade"></div>
											</div>
										</div>
										<div class="swiper-slide">
											<div class="item">
												<img src="images/comm_img1.png" alt="">
												<div class="shade"></div>
											</div>
											<div class="item">
												<img src="images/comm_img2.png" alt="">
												<div class="shade"></div>
											</div>
											<div class="item">
												<img src="images/comm_img1.png" alt="">
												<div class="shade"></div>
											</div>

											<div class="item">
												<img src="images/comm_img2.png" alt="">
												<div class="shade"></div>
											</div>
										</div>
									</div>
									<div class="prev"></div>
									<div class="next"></div>
								</div>
							</div>
							<!-- 商品信息 -->
							<div class="fl comm_info ovw">
								<ul class="info_list ovw">
									<li class="price">
										<span class="label">价&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格 :</span>
										<span class="text">¥<i>72.00</i></span>
									</li>
									<li>
										<span class="label">类&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;型 :</span>
										<span class="text">锡线</span>
									</li>

									<li>
										<span class="label">供&nbsp;货&nbsp;量 :</span>
										<span class="text">1</span>
									</li>

									<li>
										<span class="label">联系地址 :</span>
										<span class="text">上海市闵行区 中山南二路699号正大乐城B1层</span>
									</li>

								</ul>
								<div class="deadline">
									<img src="images/clock.png" alt="">
									<span>截止时间 : </span>
									<span class="time">2017-12-06 18:00</span>
								</div>
								<div class="contact">
									<div class="fl ovw">
										<p>联 系 人：<span>张学友</span></p>
									</div>
									<div class="fr ovw">
										<a href="javascript:;" class="fr leave_text " href="">
											<span>联系买家</span>
										</a>
										<span class="fr telephone">
										<img src="images/phone_icon1.png" alt="">
										<span>15008802988</span>
										</span>
									</div>

								</div>
							</div>
						</div>

					</div>

					<!-- 描述 -->
					<div class="comm_describe">
						<h3><span>材料详情</span></h3>
						<p><span>焊锡丝是由锡合金和助剂两部分组成，合金成份分为锡铅、无铅助剂均匀灌注到锡合金中间部位。焊锡丝种类不同助剂也就不同，助剂部分是提高焊锡丝在焊接过程中的辅热传导，去除氧化，降低被焊接材质表面张力，去除被焊接材质表面油污，增大焊接面积。焊锡丝的特质是具有一定的长度与直径的锡合金丝，在电子原器件的焊接中可与电烙铁配合使用。</span>
						</p>
						<p>
							<i>焊锡丝应用范围：</i>
							<span>电脑主板，电脑周边，通讯产品，家用电器，医疗设备，电源板，UPS等</span>
						</p>
						<p>
							<i>用途：</i>
							<span>熔点低,抗拉强度和剪切强度高,润湿性好,适用于高档电子产品或高要求的电子、电气工业使用。</span>
						</p>
						<p>
							<i>产品说明：</i>
							<span>1、导电率、热导率性能优良，上锡速度快。</span>
							<span>2、良好的润湿性能。</span>
							<span>3、松香含量适中，操作时不会溅弹松香。</span>
							<span>4、松香公布均匀，锡芯里无断松香情况。</span>

						</p>
						<ul class="img_d">
							<li><img src="images/clgy_detail.png" /></li>

						</ul>
					</div>
				</div>
				<!-- 右侧内容 -->

			</div>
		</div>
		<!--底部-->
		<div class="footer">
			<div class="main footer_content ovw">
				<div class="fl contact">
					<div class="fl img_box"><img src="images/service.png" alt=""></div>
					<div class="fl text">
						<p class="label">联系我们</p>
						<p class="phone_number">400-8208-820</p>
						<p class="work_time">工作时间（工作日）9:00 - 18:00</p>
					</div>
				</div>
				<dl>
					<dt><a href="">友情链接</a></dt>
					<dd>
						<a href="">阿里巴巴</a>
					</dd>
					<dd>
						<a href="">新浪微博</a>
					</dd>
					<dd>
						<a href="">腾讯微博</a>
					</dd>
					<dd>
						<a href="">百度论坛</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="">服务</a></dt>
					<dd>
						<a href="">智能对接</a>
					</dd>
					<dd>
						<a href="">焊客圈</a>
					</dd>
					<dd>
						<a href="">焊客圈众创</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="">帮助中心</a></dt>
					<dd>
						<a href="">如何发布对接</a>
					</dd>
					<dd>
						<a href="">如何成为供应商</a>
					</dd>
					<dd>
						<a href="">如何成为技术专家</a>
					</dd>
					<dd>
						<a href="">如何发表众创</a>
					</dd>
				</dl>
				<div class="fr download">
					<p class="title">移动端下载</p>
					<div class="fl code_box">
						<img src="images/code_a.png" alt="">
						<p>IOS下载</p>
					</div>
					<div class="fl code_box">
						<img src="images/code_b.png" alt="">
						<p>安卓下载</p>
					</div>
				</div>
			</div>
			<p class="footer_text">Copyright@ 沪ICP备2015234568号 - 2015 沪公安网备案 201520150201502015088888888号</p>
		</div>

		
		<script type="text/javascript" src="js/jquery.1.9.1.js"></script>
		<script src="js/idangerous.swiper.min.js"></script>
		<script type="text/javascript" src="js/common.js"></script>
		<script type="text/javascript">
			$(function() {

				
				var mySwiper = new Swiper('.swiper-container', {
					loop: false,
					// 	autoplayDisableOnInteraction: false
				});
				$('.prev').on('click', function(e) {
					e.preventDefault()
					mySwiper.swipePrev()
				});

				$('.next').on('click', function(e) {
					e.preventDefault()
					mySwiper.swipeNext()
				});

				$(".swiper-slide .item").mouseover(function() {
					$(".item").removeClass("current_comm")
					var img_src = $(this).find("img").attr("src");
					$(this).addClass("current_comm");
					$(".big_img img").attr("src", img_src);
				});
				//收藏
				$(".collect").click(function() {
					if($(this).find("span").text() == "收藏") {
						$(this).find("img").attr("src", "images/zndj4_active.png");
						$(this).find("span").text("已收藏");
					} else {
						$(this).find("img").attr("src", "images/detail_collect.png");
						$(this).find("span").text("收藏");
					}
				});

			})
		</script>
	</body>

</html>